<template>
  <div class="wrap">
      <div class="head">
           <router-link to="/myhome" class="img">
          <span>&lt;</span>
          </router-link>
   <van-swipe @change="onChange">
  <van-swipe-item>
     
      <img src="h2.jpg" alt=""></van-swipe-item>
  <van-swipe-item><img src="h3.jpg" alt=""></van-swipe-item>
</van-swipe>
      </div>
      <div class="log">
          <div class="course">
              <router-link to="/head/stud">课程</router-link>
              <router-view></router-view>
          </div>
          <div class="oneself">
              <span>手记</span>
          </div>
      </div>
  </div>
</template>

<script>
import { Toast } from 'vant';

export default {
  setup() {
    const onChange = (index) => Toast('当前 Swipe 索引：' + index);
    return { onChange };
  },
};
</script>

<style scoped>
    .wrap{
        width: 100%;
        height: 6.5rem;
        background-color:  #f3f4f6;
    }
    .head{
        width: 100%;
        height: 2.5rem;
        background-color: #493c34;
    }
    .img{
        position: relative;
        left: 0.2rem;
        top: 0.06rem;
        color: white;
    }
    .log{
        width: 100%;
        height: 0.5rem;
        display: flex;
        text-align: center;
        line-height: 0.6rem;
        background-color: white;
        border-bottom: 0.07ren solid #ccc;
    }
    .course{
        width: 50%;
        height: 0.5rem;
    }
    .oneself{
        width: 50%;
        height: 0.5rem;
    }

</style>